<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html  debug="true">
<head>
	<script type="text/javascript" src="../common/js/jquery.js"></script>
	<script type="text/javascript" src="../common/js/jquery.template.js"></script>
        <script type="text/javascript" src="../common/js/jquery.overlay-min.js"></script>
	<link rel="stylesheet" href="css/tags_editor.css">
</head>
	
<body>

	<div>
            <button id="sun_tag_editor_button" rel="#sun_tag_editor_overlay">Sun Tags</button>
<!--	<h3><a name="Home-ExploreSunSpaceCommunities"></a>Widgets Test Page Stub</h3> -->
            <div id="sun_tag_editor_overlay" class="overlay"/>

            <script type="text/javascript" src="js/jquery.tags_editor.js"></script>
            <script type="text/javascript" src="js/tags_editor_templates.js"></script>
            <script type="text/javascript">
		jQuery.noConflict();
		jQuery(document).ready(function(){
                    (function($){
                        $("#sun_tag_editor_button").overlay({
				onBeforeLoad:function(){
                                    $("#sun_tag_editor_overlay").append("<div id=\"sun_tag_editor_overlay_content\"></div>");
                                    var tagsEditor = new jQuery.TagsEditor("#sun_tag_editor_overlay_content");
                                    tagsEditor.deploy();
				},
				onClose:function(){                                        
					$("#sun_tag_editor_overlay_content").remove();
				},
				expose: {
					color: '#BAD0DB',
					opacity: 0.7,
					closeSpeed: 1000
				},
				finish: {
					top: 100,
					left: 'center',
					absolute: false
				}
			});
                    })(jQuery);
                });
                    
            </script>
        </div>
</body>

</html>